import { PropType } from "vue";

export default defineComponent({
  props: {
    totos: {
      type: Array as PropType<string[]>,
      default: () => []
    }
  },
  // 渲染函数进行渲染组件
  render() {
    return (
      <ul class="bg-gray-3 w-50% m-auto mt-5 list-none">
        {/* 注意 jsx tsx 不支持 unoIcon 属性写法, 可以使用 class 支持 */}
        {this.totos.map((todo, index) => {
          return (
            <li key={index} class="py-2">
              {todo}
            </li>
          );
        })}
      </ul>
    );
  }
});
